import Vue from "vue";
// store实例对象
import store from "@/store";

// 全局注册：操作按钮--权限指令
Vue.directive('permission', {
    // inserted是删除元素；bind是隐藏元素
    bind(el, binding) {
        let { value } = binding;
        // 获取store中的getters
        let has_operation = store.getters['role/has_operation'];
        // 判断是否拥有操作权限
        let is_auth = has_operation(value);
        // 无权限
        if (!is_auth) {
            // 删除元素或隐藏(通过原生js的方式)
            el.style.display = 'none';
            // el.remove();
        }
    }
});

